﻿<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <title>车乎-新能源汽车第一资讯平台!</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
        <meta name="keywords" content="新能源汽车,汽车资讯,车乎" />
        <meta name="description" content="车乎是一款新能源汽车垂直资讯平台APP,专注于为广大用户提供新能源汽车行业资讯,车问题,车乎APP将以速度为你提供专业的解答服务!">
        <!-- Bootstrap core CSS -->
        <link href="__INDEX__/assets/css/plugins/bootstrap.min.css" rel="stylesheet">
        <link href="__INDEX__/assets/css/plugins/jquery.smartmenus.bootstrap.css" rel="stylesheet">
        <link href="__INDEX__/assets/css/plugins/nivo-slider.css" rel="stylesheet">
        <link href="__INDEX__/assets/css/plugins/swiper.min.css" rel="stylesheet">
        <link href="__INDEX__/assets/css/plugins/intlTelInput.min.css" rel="stylesheet" >
        <link href="__INDEX__/assets/css/plugins/remodal.min.css" rel="stylesheet" >
        <link href="__INDEX__/assets/css/plugins/animate.css" rel="stylesheet">
        <link href="__INDEX__/assets/css/main-style.css" rel="stylesheet">
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> 
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        <!-- Icon Font-->
        <link href="__INDEX__/iconfont/style.css" rel="stylesheet">

    </head>

    <body class="page__home">
        <!-- Loader -->
        <!-- <div class="plash">
            <div id="scene">
                <span></span>
                <div id="road">
                    <div id="stripes"></div>
                </div>
            </div>
            <div class="loading">Loading<span>...</span></div>
        </div> -->
        <!-- //Loader --> 
        <!-- Header -->
        <header class="site-header" id="home">
            <div class="mobile-top-panel"></div>
            <div class="mobile-top-panel__fixed">
                <div class="container">
                    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <div class="menu-navigation navbar-collapse collapse">

                            <!-- Left nav -->
                            <ul class="menu-navigation__list nav navbar-nav">
                                <li><a href="#home" class="topLink">首页</a></li>
                                <li><a href="#about" class="topLink">关于我们</a></li>
                                <li><a href="#service" class="topLink">服务介绍</a></li>
                                <li><a href="#contact" class="topLink">合作共盈</a></li>
                                <li><a href="#hardware" class="topLink">智能硬件</a></li>
                                <li><a href="#app" class="topLink">产品体验</a></li>
                            </ul>

                        </div><!--/.nav-collapse -->
                    </div>
                </div>
            </div>
            <div class="header-navigation-wrap stickUp"> 
                <!-- Navbar fixed top -->
                <div class="navbar navbar-default navbar-fixed-top" role="navigation">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <div class="menu-navigation navbar-collapse collapse">
                            <img src="__INDEX__/assets/images/logo.png" title="车乎，新能源汽车第一资讯平台" class="logo"></img>
                            <!-- Left nav -->
                            <ul class="menu-navigation__list nav navbar-nav">
                                <li><a href="#home" class="topLink">首页</a></li>
                                <li><a href="#about" class="topLink">关于我们</a></li>
                                <li><a href="#service" class="topLink">服务介绍</a></li>
                                <li><a href="#contact" class="topLink">合作共盈</a></li>
                                <li><a href="#hardware" class="topLink">智能硬件</a></li>
                                <li><a href="#app" class="topLink">产品体验</a></li>
                            </ul>

                        </div><!--/.nav-collapse -->
                    </div><!--/.container -->
                </div>
            </div>

        </header>
        <!-- // Header -->
        <!-- Content  -->
        <main id="page-content">

            <!-- Slider -->
            <div class="slider-wrapper theme-default">
                <div id="slider" class="nivoSlider"> 
                    <img src="__INDEX__/assets/images/slider/slide_1.jpg" title="#htmlcaption1" data-thumb="__INDEX__/assets/images/slider/slide_1.jpg" alt="" /> 
                    <img src="__INDEX__/assets/images/slider/slide_2.jpg" title="#htmlcaption2" data-thumb="__INDEX__/assets/images/slider/slide_2.jpg" alt="" /> 
                    <img src="__INDEX__/assets/images/slider/slide_3.jpg" title="#htmlcaption3" data-thumb="__INDEX__/assets/images/slider/slide_3.jpg" alt="" />
                </div>
                <div id="htmlcaption1" class="nivo-caption">
                    <div class="nivo-caption__inner">
                        <div class="text">
                            <h1 class="showtext showtext__h1">新能源汽车第一资讯平台</h1>
                            <span class="showtext showtext__link"><a href="#">链接未来汽车生活</a></span>
                        </div>
                    </div>
                </div>
                <div id="htmlcaption2" class="nivo-caption">
                    <div class="nivo-caption__inner left-side">
                        <div class="text">
                            <h1 class="showtext showtext__h1">每日新鲜资讯</h1>
                            <span class="showtext showtext__link"><a href="#">开始您的绿色汽车生活！</a></span>
                        </div>
                    </div>
                </div>
                <div id="htmlcaption3" class="nivo-caption">
                    <div class="nivo-caption__inner">
                        <div class="text">
                            <h1 class="showtext showtext__h1">原创精彩视频</h1>
                            <span class="showtext showtext__link"><a href="#">全方位了解新能源汽车！</a></span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Slider -->
            <div class="parallax_box" id="about">
                <figure class="thumbnail move_img wow slideInLeft" data-wow-delay="0.5s"></figure>
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12 col-lg-6 col-lg-push-6"> 
                            <h3>车乎，新能源汽车第一资讯平台</h3>
                            <p>车乎是一款新能源汽车垂直资讯平台，我们专注于新能源汽车、智能汽车、车联网+物联网和移动互联时代产业未来！</p>
                            <ul class="list__marker">
                                <li>新鲜资讯<BR><span style="font-size: 16px;color: #777; font-weight: normal;">热点资讯，精选内容等你来听</span></li>
                                <li>原创视频<BR><span style="font-size: 16px;color: #777; font-weight: normal;">趣味视频，幽默有料等你来看</span></li>
                                <li>资深大咖<BR><span style="font-size: 16px;color: #777; font-weight: normal;">热辣观点，精彩点燃等你来评</span></li>
                            </ul>
                            <div style="height: 8px; width: 250px; background-color:#00a0e9; "></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="services-box">
                <div class="container">
                    <div class="box-list-posts swiper-container-services swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="post-column">
                                    <figure class="thumbnail"><img src="__INDEX__/assets/images/post-sm-img-1.jpg" alt=""></figure>
                                    <div class="post-column__content">
                                        <h3>专栏嘉宾</h3>
                                        <span class="text-link">深度专栏，行业剖析等你来审</span>
                                        <a href="javascript:void(0);" class="btn btn__marker"><i class="icon-arrows"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="post-column">
                                    <figure class="thumbnail"><img src="__INDEX__/assets/images/post-sm-img-2.jpg" alt=""></figure>
                                    <div class="post-column__content">
                                        <h3>汽车品牌</h3>
                                        <span class="text-link">热门汽车，专业测评等你来品</span>
                                        <a href="javascript:void(0);" class="btn btn__marker"><i class="icon-arrows"></i></a>
                                    </div>

                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="post-column">
                                    <figure class="thumbnail"><img src="__INDEX__/assets/images/post-sm-img-3.jpg" alt=""></figure>
                                    <div class="post-column__content">
                                        <h3>门店服务</h3>
                                        <span class="text-link">打折促销，价格优惠等你来玩</span>
                                        <a href="javascript:void(0);" class="btn btn__marker"><i class="icon-arrows"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination swiper-pagination-services"></div>
                    </div> 
                    <!-- // box-list-posts  -->
                </div>
            </div>

            <div class="container" id="service">
                <div class="row info-box">
                    <div class="col-xs-12">
                        <article class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.2s">
                            <h3>在这里开始你的新能源汽车规划</h3>
                            <span class="text-link" style="color: #777;">未来已经来临，趋势不会改变</span>
                        </article>	
                    </div>
                </div>
            </div>

            <section class="carousel-models_fullwidth">
                <div class="carousel-models_fullwidth__inner">
                    <h1>合作品牌</h1>
                    <span class="text-link">选择新能源汽车， 无与伦比的交易</span>
                    <div class="swiper-container-models swiper-container">
                        <div class="swiper-wrapper">
                            <div class="model-info swiper-slide">
                                <figure class="thumbnail"><a href="javascript:void(0);"><img src="__INDEX__/assets/images/car_2.png" alt=""></a></figure>
                                <div class="model-info__content">
                                    <h3>比亚迪</h3>
                                    <p>比亚迪是一家中国汽车品牌，创立于1995年，主要生产商务轿车和家用轿车。由20多人的规模起步，2003年成长为全球第二大充电电池生产商，同年组建比亚迪汽车。</p>
                                        <span class="btn btn-model" data-remodal-target="modal">立即预订</span>
                                </div>
                            </div>
                            <div class="model-info swiper-slide">
                                <figure class="thumbnail"><a href="javascript:void(0);"><img src="__INDEX__/assets/images/car_1.png" alt=""></a></figure>
                                <div class="model-info__content">
                                    <h3>特斯拉</h3>
                                    <p>特斯拉(Tesla)，是一家美国电动车及能源公司，产销电动车、太阳能板、及储能设备。总部位于美国加利福尼亚州硅谷帕洛阿尔托（Palo Alto）。</p>
                                    <span class="btn btn-model" data-remodal-target="modal">立即预订</span>
                                </div>
                            </div>
                            <div class="model-info swiper-slide">
                                <figure class="thumbnail"><a href="javascript:void(0);"><img src="__INDEX__/assets/images/car_3.png" alt=""></a></figure>
                                <div class="model-info__content">
                                    <h3>北汽</h3>
                                    <p>北京新能源汽车股份有限公司是由世界500强企业北京汽车集团有限公司发起并控股，联合北京工业发展投资管理有限公司、北京国有资本经营管理中心、北京电子控股有限责任公司共同设立的新能源汽车产业发展平台。</p>
                                    <span class="btn btn-model" data-remodal-target="modal">立即预订</span>
                                </div>
                            </div>
                            <div class="model-info swiper-slide swiper-slide-active">
                                <figure class="thumbnail"><a href="javascript:void(0);"><img src="__INDEX__/assets/images/car_4.png" alt=""></a></figure>
                                <div class="model-info__content">
                                    <h3>荣威</h3>
                                    <p>荣威（ROEWE）是上海汽车工业（集团）总公司旗下的一款汽车品牌，于2006年10月推出。该品牌下的汽车技术来源于上海汽车之前收购的罗孚，但上海汽车并未收购“罗孚”品牌。</p>
                                    <span class="btn btn-model" data-remodal-target="modal">立即预订</span>
                                </div>

                            </div>
                        </div><!-- // swiper-container-car  -->
                    </div>
                    <div class="swiper-pagination-models"></div> 
                    <div class="navigation_block">
                        <span class="swiper-button-next"><i class="icon-left-arrow2"></i></span>
                        <span class="swiper-button-prev"><i class="icon-left-arrow"></i></span>
                    </div>
                </div>
            </section> <!-- // Full width carousel  -->

            <section class="blog-posts-carousel" id="contact">
                <div class="container">
                    <h3>合作共盈</h3>
                    <span class="text-link"></span>
                    <div class="swiper-container swiper-container-blog">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide post-item">
                                <div class="post-item__inner">
                                    <figure class="thumbnail">
                                        <img src="__INDEX__/assets/images/item_img-1.jpg" alt="">
                                    </figure>
                                    <div class="post-item__content">

                                        <h4>内容合作</h4>
                                        <a href="javascript:void(0);" class="btn btn__marker"><i class="icon-arrows"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide post-item">
                                <div class="post-item__inner">
                                    <figure class="thumbnail">
                                        <img src="__INDEX__/assets/images/item_img-2.jpg" alt="">
                                    </figure>
                                    <div class="post-item__content">

                                        <h4>商务合作</h4>
                                        <a href="javascript:void(0);" class="btn btn__marker"><i class="icon-arrows"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide post-item">
                                <div class="post-item__inner">
                                    <figure class="thumbnail">
                                        <img src="__INDEX__/assets/images/item_img-3.jpg" alt="">
                                    </figure>
                                    <div class="post-item__content">

                                        <h4>活动合作</h4>
                                        <a href="javascript:void(0);" class="btn btn__marker"><i class="icon-arrows"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide post-item">
                                <div class="post-item__inner">
                                    <figure class="thumbnail">
                                        <img src="__INDEX__/assets/images/item_img-1.jpg" alt="">
                                    </figure>
                                    <div class="post-item__content">

                                        <h4>招聘合作</h4>
                                        <a href="javascript:void(0);" class="btn btn__marker"><i class="icon-arrows"></i></a>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="swiper-pagination swiper-pagination-blog"></div>
                    </div>
                    <span class="swiper-button-next2 swiper-button-next"><i class="icon-left-arrow2"></i></span>
                    <span class="swiper-button-prev2 swiper-button-prev"><i class="icon-left-arrow"></i></span>
                </div> 
            </section>

            <section class="testimonials-carousel_box" style="background-color:#292a2c;>
                <div class="container">
                    <h3 style="color:#fff;">客户反馈</h3>
                    <span class="text-link">听听我们客户的心声</span>
                    <div class="swiper-container-blockquote swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <article class="block_tesimonial">
                                    <blockquote>
                                        <div class="inner_blockquote">
                                            <div class="wrapper">
                                                <p>车乎的目标是全面构建移动“新能源汽车生活”服务平台，链接第三方为更多用户提供汽车生活服务。</p>
                                                <span class="author_info">
                                                    <img src="__INDEX__/assets/images/author_img.png" alt="">
                                                    <span class="name"><a href="#">肖志华</a></span>

                                                </span>
                                            </div>
                                        </div>
                                    </blockquote>
                                </article>
                            </div>
                            <div class="swiper-slide">
                                <article class="block_tesimonial">
                                    <blockquote>
                                        <div class="inner_blockquote">
                                            <div class="wrapper">
                                                <p>车乎目前正在慢慢聚集大量新能源汽车优质内容，短视频以及直播等等。未来“车乎”还会基于标签、文本分析来为用户做内容的精准推荐。</p>
                                                <span class="author_info">
                                                    <img src="__INDEX__/assets/images/author_img_1.png" alt="">
                                                    <span class="name"><a href="#">文俊</a></span>

                                                </span>
                                            </div>
                                        </div>
                                    </blockquote>

                                </article>
                            </div>
                            <div class="swiper-slide">
                                <article class="block_tesimonial">
                                    <blockquote>
                                        <div class="inner_blockquote">
                                            <div class="wrapper">
                                                <p>到2020年，新能源汽车产业化和市场规模达到全球第一，其中新能源汽车保有量达到500万辆。新能源汽车即将会真正成为一个新的潮流！</p>
                                                <span class="author_info">
                                                    <img src="__INDEX__/assets/images/author_img_2.png" alt="">
                                                    <span class="name"><a href="#">许晟</a></span>

                                                </span>
                                            </div>
                                        </div>
                                    </blockquote>
                                </article>
                            </div>

                        </div>
                    </div>
                    <div class="swiper-pagination swiper-pagination-blockquote"></div>
                    <span class="swiper-button-next1"><i class="icon-left-arrow2"></i></span>
                    <span class="swiper-button-prev1"><i class="icon-left-arrow"></i></span>
                </div>
            </section>

            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="phone-box wow zoomIn">  
                            <h3>联系我们</h3> 
                            <span class="text-link">欢迎大家随时与我们沟通</span>
                            <h4 class="phone-box__number">Call Now: <span><i class="icon-telephone"></i> 0755-26601947</span></h4>
                        </div>
                    </div>
                </div>
            </div>
            <section class="car-info-box" data-wow-duration="1s" data-wow-delay="1s" id="hardware"> 
                <div class="car-info-box__description">
                    <div class="desc-inner">
                        <h3>智能硬件</h3>
                        <span class="text-link">轲轲西里</span>
                        <p>轲轲西里品牌产品类别分为智能云镜，流媒体，行车记录仪三大品类。目前，智能云镜跟阿里巴巴，高德联合开发荣放系列云镜产品，良好的产品体验得到消费者热捧。
						目前，轲轲西里线下渠道覆盖全国27个省市自治区，截止2017年8月底，合作门店5000余家。
						</p>
                    </div>
                </div>
                <figure class="car-info-box__thumb has-second-img">
                    <img src="__INDEX__/assets/images/car_hire.jpg" alt="" class="first-fade">
                    <img src="__INDEX__/assets/images/car_hire1.jpg" alt="" class="second-fade">
                </figure>
            </section> 
            <section class="iphone-parallax_box" id="app">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="iphone-android_info-box">
                                <h3><span>车乎 iPhone &amp;</span> <span>Android App</span></h3>
                                <p><span>车乎，新能源汽车第一资讯平台，我们专注于新能源汽车、智能汽车物联网和移动互联网时代的汽车产业未来！</p>
                                <span><img src="__INDEX__/assets/images/app_store.png" alt="" width="150px" height="150px">
                                    <img src="__INDEX__/assets/images/google_play.png" alt="" width="150px" height="150px"></span>
                                <div class="secondeffect"></div>
                            </div>

                        </div>
                    </div>
                </div>
            </section>
        </main>
        <!-- // Content  -->
        <!-- Footer -->
        <footer class="site-footer">
            <section  class="box-elements">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-6 col-md-12 col-lg-3">
                            <figure class="footer_logo"><a href="#"><img src="__INDEX__/assets/images/celebrating_icon.png" alt=""></a></figure>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                            <h5>公司</h5>
                            <ul class="footer-list">
                                <li><a href="#">关于我们</a></li>
                                <li><a href="#">新闻</a></li>
                                <li><a href="#">联系我们</a></li>
                            </ul>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                            <h5>客户服务</h5>
                            <ul class="footer-list">
                                <li><a href="#">博客</a></li>
                                <li><a href="#">常见问题</a></li>
                                <li><a href="#">帮助风车</a></li>
                                <li><a href="#">条款和条件</a></li>
                            </ul>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                            <div class="contact-info">
                                <span class="phone_number"><i class="icon-telephone"></i>0755-26601947</span>

                                <span class="location_info">
                                    <i class="icon-placeholder-for-map"></i>
                                    <em>深圳南山区朗山一路</em> 
                                    <em>摩比大厦7楼706</em> </span>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="site-footer__bottom-panel">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-md-6">
                            <div class="copyright">Copyright &copy; 2018.车乎 All rights reserved. <a href="http://www.miibeian.gov.cn/">京ICP备16031023号</a></div>
                        </div>
                        <div class="col-xs-12 col-md-6"> 
                            <div class="social-list">
                                <!-- <ul class="social-list__icons">
                                    <li><a href=""><i class="icon-facebook-logo"></i></a></li>
                                    <li><a href="#"><i class="icon-twitter-letter-logo"></i></a></li>
                                    <li><a href="#"><i class="icon-google-plus"></i></a></li>
                                    <li><a href="#"><i class="icon-linkedin-logo"></i></a></li>
                                </ul> -->
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <a href="#" class="scrollup"><i class="icon-arrow-down-sign-to-navigate"></i></a>
        </footer>

        <!-- //Footer -->
        <!-- Google map -->
        <script src="__INDEX__/assets/js/jquery.1.12.4.min.js"></script>
        <script src="__INDEX__/assets/js/plugins/bootstrap.min.js"></script>
        <script src="__INDEX__/assets/js/plugins/wow.min.js"></script>
        <script src="__INDEX__/assets/js/plugins/jquery.smartmenus.min.js"></script>
        <script src="__INDEX__/assets/js/plugins/jquery.smartmenus.bootstrap.js"></script>
        <script src="__INDEX__/assets/js/plugins/jquery.nivo.slider.js"></script>
        <script src="__INDEX__/assets/js/plugins/swiper.min.js"></script>
        <script src="__INDEX__/assets/js/plugins/intlTelInput.min.js"></script>
        <script src="__INDEX__/assets/js/plugins/remodal.js"></script>
        <script src="__INDEX__/assets/js/plugins/stickup.min.js"></script>
        <script src="__INDEX__/assets/js/custom.js"></script>
        <script>
            $(document).ready(function () {
                $("a.topLink").click(function () {
                    $("html, body").animate({
                        scrollTop: $($(this).attr("href")).offset().top + "px"
                    }, {
                        duration: 500,
                        easing: "swing"
                    });
                    return false;
                });
            });
        </script>
    </body>

</html>